/**
 * Created by BobyCo on 2017/11/16 0016.
 */
$(function () {
    var type = GetQueryString("type"); // 获得分类 1为餐厅端 2为供应商端
        $(".weui-tabbar").hide(), // 先隐藏底部导航栏
        type == 1 ? $(".weui-hall-tabbar").show() : $(".weui-supplier-tabbar").show(); // 根据用户分类来显示对应的导航
    // 弹框隐藏
    $('.mask').off('click').click(function (e) {
        $(this).hide();
    });

    var loading = false, // 数据是否加载中
        isNoMoreData = false, // 是否没有更多数据
        page = {  // 数据请求分页信息
            pageSize: 10,
            pageNo: 1
        },
        url = ""; // 请求后台的url地址
    // 初始化滚动加载插件
    $(".trader-tab__bd").infinite().on("infinite", function() {
        if(loading || isNoMoreData) return; // 如果数据正在加载中，或者没有更多数据时，不再请求后台数据
        loading = true;
        initTraderDatas();
    });

    
    function addPhoneClickListener() {
        // 点击电话弹框
        $('.phone').click(function () {
            var phoneNO = $(this).find('span').html();
            $('.mask').css('display', 'flex');
            $('.mask .weui-media-box:eq(0) a').attr('href', 'tel:'+phoneNO); // 呼叫
            $('.mask .weui-media-box:eq(1) a').attr('href', 'wtai://wp/ap;'+phoneNO); // 存电话簿 部分系统不支持wtai协议
        });
    }
    
    initTraderDatas();
    // 加载交易员数据
    function initTraderDatas() {
        $(".weui-loadmore").show(); // 显示加载提示
        $(".no-more-data").hide(); // 隐藏无更多数据提示
        page.pageNo++;
        /*
        // 请求后台数据
        $.post(
            url,
            pageInfo,
            function (result) {
                // result 格式
                 if (result.length > 0) {
                     result.forEach(function (d, i, arr) {
                         $(".data-panel").append(
                             '<div class="weui-panel weui-panel_access">' +
                             '<div class="weui-panel__bd">' +
                             '<div class="weui-media-box weui-media-box_appmsg">' +
                             '<div class="weui-media-box__hd">' +
                             '<img class="weui-media-box__thumb" src="'+d.src+'">' +
                             '</div>' +
                             '<div class="weui-media-box__bd">' +
                             '<h4 class="weui-media-box__title">'+d.name+'</h4>' +
                             '<p class="weui-media-box__desc">'+d.desc+'</p>' +
                             '<p class="weui-media-box__info">' +
                             '<span>' +
                             '<a href="javascript:;" class="phone">' +
                             '<img src="../images/trader/iconfont-phone.png" alt="">' +
                             '<label for="">联系电话：</label>' +
                             '<span>'+d.phone+'</span>' +
                             '</a>' +
                             '</span>' +
                             '</p>' +
                             '</div>' +
                             '</div>' +
                             '</div>' +
                             '</div>'
                         );
                     });
                 }

                 if (result.length < page.pageSize) {
                     $(".no-more-data").show();
                     isNoMoreData = true;
                 }
                addPhoneClickListener();
            },
            "json"
        ).complete(function () {
            // 处理完成后
            $(".weui-loadmore").hide();
            loading = false;
        });
        */


        // 模拟数据开始  对接后台将以下模拟数据删掉
        var result = [{
            "img": "http://tx.haiqq.com/uploads/allimg/150320/1K91S408-0.jpg", // 图片路径
            "name": "王先生",
            "desc": "介绍介绍介绍介绍介，介绍，介绍介绍介绍， 介绍介绍介绍",
            "phone": "1894076654165"
        }, {
            "img": "http://tx.haiqq.com/uploads/allimg/150320/1K91S408-0.jpg", // 图片路径
            "name": "李先生",
            "desc": "介绍介绍介绍介绍介，介绍，介绍介绍介绍， 介绍介绍介绍",
            "phone": "1894076654265"
        }, {
            "img": "http://tx.haiqq.com/uploads/allimg/150320/1K91S408-0.jpg", // 图片路径
            "name": "张先生",
            "desc": "介绍介绍介绍介绍介，介绍，介绍介绍介绍， 介绍介绍介绍",
            "phone": "1894076654365"
        }, {
            "img": "http://tx.haiqq.com/uploads/allimg/150320/1K91S408-0.jpg", // 图片路径
            "name": "王先生1",
            "desc": "介绍介绍介绍介绍介，介绍，介绍介绍介绍， 介绍介绍介绍",
            "phone": "1894076654465"
        }, {
            "img": "http://tx.haiqq.com/uploads/allimg/150320/1K91S408-0.jpg", // 图片路径
            "name": "李先生1",
            "desc": "介绍介绍介绍介绍介，介绍，介绍介绍介绍， 介绍介绍介绍",
            "phone": "1894076654565"
        }, {
            "img": "http://tx.haiqq.com/uploads/allimg/150320/1K91S408-0.jpg", // 图片路径
            "name": "张先生1",
            "desc": "介绍介绍介绍介绍介，介绍，介绍介绍介绍， 介绍介绍介绍",
            "phone": "1894076654065"
        }, {
            "img": "http://tx.haiqq.com/uploads/allimg/150320/1K91S408-0.jpg", // 图片路径
            "name": "王先生2",
            "desc": "介绍介绍介绍介绍介，介绍，介绍介绍介绍， 介绍介绍介绍",
            "phone": "1894076654065"
        }, {
            "img": "http://tx.haiqq.com/uploads/allimg/150320/1K91S408-0.jpg", // 图片路径
            "name": "李先生2",
            "desc": "介绍介绍介绍介绍介，介绍，介绍介绍介绍， 介绍介绍介绍",
            "phone": "1894076654065"
        }, {
            "img": "http://tx.haiqq.com/uploads/allimg/150320/1K91S408-0.jpg", // 图片路径
            "name": "张先生2",
            "desc": "介绍介绍介绍介绍介，介绍，介绍介绍介绍， 介绍介绍介绍",
            "phone": "1894076654065"
        }, {
            "img": "http://tx.haiqq.com/uploads/allimg/150320/1K91S408-0.jpg", // 图片路径
            "name": "王先生3",
            "desc": "介绍介绍介绍介绍介，介绍，介绍介绍介绍， 介绍介绍介绍",
            "phone": "1894076654065"
        }];

        if (page.pageNo == 3) {
            result.pop();
        }
        setTimeout(function() {
            if (result.length > 0) {
                result.forEach(function (d, i, arr) {
                    $(".data-panel").append(
                        '<div class="weui-panel weui-panel_access">' +
                        '<div class="weui-panel__bd">' +
                        '<div class="weui-media-box weui-media-box_appmsg">' +
                        '<div class="weui-media-box__hd">' +
                        '<img class="weui-media-box__thumb" src="' + d.img + '">' +
                        '</div>' +
                        '<div class="weui-media-box__bd">' +
                        '<h4 class="weui-media-box__title">' + d.name + '</h4>' +
                        '<p class="weui-media-box__desc">' + d.desc + '</p>' +
                        '<p class="weui-media-box__info">' +
                        '<span>' +
                        '<a href="javascript:;" class="phone">' +
                        '<img src="../images/trader/iconfont-phone.png" alt="">' +
                        '<label for="">联系电话：</label>' +
                        '<span>' + d.phone + '</span>' +
                        '</a>' +
                        '</span>' +
                        '</p>' +
                        '</div>' +
                        '</div>' +
                        '</div>' +
                        '</div>'
                    );
                });
            }

            if (result.length < page.pageSize) {
                $(".no-more-data").show();
                isNoMoreData = true;
            }

            $(".weui-loadmore").hide();
            loading = false;
            addPhoneClickListener();
        }, 2000);
        // 模拟数据结束
    }
});